<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <script>
        const orders = [
            {
              id: 1,
              name: 'John Smith',
              address: '123 Main St',
              status: 'created',
              log: [
                {
                  status: 'created',
                  time: '2023-02-16 12:30:00'
                }
              ]
            },
            {
              id: 2,
              name: 'Jane Doe',
              address: '456 Second St',
              status: 'packed',
              log: [
                {
                  status: 'created',
                  time: '2023-02-16 10:00:00'
                },
                {
                  status: 'packed',
                  time: '2023-02-16 12:30:00'
                }
              ]
            },
            {
              id: 3,
              name: 'Bob Johnson',
              address: '789 Third St',
              status: 'shipped',
              log: [
                {
                  status: 'created',
                  time: '2023-02-15 10:00:00'
                },
                {
                  status: 'packed',
                  time: '2023-02-15 12:00:00'
                },
                {
                  status: 'shipped',
                  time: '2023-02-16 9:00:00'
                }
              ]
            }
        ];

        function getOrdersByStatus(status) {
            let arr = [];
            orders.forEach((item, index) => {
                const {id, name, address, status: string, log} = orders[index];

                if(status === item.status) {
                    arr.push([id, name, address, string, log])
                }
            })
            console.log(arr);

            arr.sort(function (a, b) {
                if(a.id > b.id) {
                    return 1
                } else if (a.id < b.id) {
                    return -1
                } else {
                    return 0
                }
            })
            return arr

        }
        const arrOrders = getOrdersByStatus('created')
        console.log(arrOrders);

        function getOrderStatusHistory (id) {
            orders.forEach((item) => {
              if(item.id === id) {
                item.log
                  .sort((a, b) => new Data(a.time) - new Data(b.time))
                  .forEach(({status, time}) => {
                    console.log(`[$(time)] ${status}`);
                  })
              }
            })
        }
        getOrderStatusHistory()
    </script>
</body>
</html>